<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
	<% 
	String path = request.getContextPath(); 
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path; 
%>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <head>
        <title>Admin Home Page</title>
        <!-- Bootstrap -->
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
        <link href="vendors/easypiechart/jquery.easy-pie-chart.css" rel="stylesheet" media="screen">
        <link href="assets/styles.css" rel="stylesheet" media="screen">
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script src="vendors/modernizr-2.6.2-respond-1.1.0.min.js"></script>
    </head>
    
    <body>
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container-fluid">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#">51Smart管理面板</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav pull-right">
                            <li class="dropdown">
                                <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-user"></i> 小强 <i class="caret"></i>

                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a tabindex="-1" href="#">资料</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a tabindex="-1" href="login.html">注销</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="nav">
                            <li class="active">
                                <a href="index.html">应用列表</a>
                            </li>
                            <li>
                                <a href="app_add.html">添加应用</a>
                            </li>
                            <li class="dropdown">
                                <a href="#" data-toggle="dropdown" class="dropdown-toggle">即将完成 <b class="caret"></b>

                                </a>
                                <ul class="dropdown-menu" id="menu1">
                                    <li>
                                        <a href="#">即将完成 <i class="icon-arrow-right"></i>

                                        </a>
                                        <ul class="dropdown-menu sub-menu">
                                            <li>
                                                <a href="#">即将完成</a>
                                            </li>
                                            <li>
                                                <a href="#">即将完成</a>
                                            </li>
                                            <li>
                                                <a href="#">即将完成</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">即将完成</a>
                                    </li>
                                    <li>
                                        <a href="#">即将完成</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="#">即将完成</a>
                                    </li>
                                    <li>
                                        <a href="#">即将完成</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">即将完成 <i class="caret"></i>

                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a tabindex="-1" href="#">即将完成</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="#">即将完成</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="#">即将完成</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="#">即将完成</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a tabindex="-1" href="#">在线问答</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">用户 <i class="caret"></i>

                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a tabindex="-1" href="#">用户列表</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="#">搜索用户</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="#">权限管理</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!--/.nav-collapse -->
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span3" id="sidebar">
                    <ul class="nav nav-list bs-docs-sidenav nav-collapse collapse">
                        <li class="active">
                            <a href="index.html"><i class="icon-chevron-right"></i><span class="badge badge-info pull-right">2,221</span> 应用列表</a>
                        </li>
                        <li>
                            <a href="app_add.html"><i class="icon-chevron-right"></i> 添加应用</a>
                        </li>
                        <li>
                            <a href="#"><span class="badge badge-info pull-right">731</span> 管理登录次数</a>
                        </li>
                        <li>
                            <a href="#"><span class="badge badge-important pull-right">12</span> 错误次数</a>
                        </li>
                        <li>
                            <a href="#"><span class="badge badge-important pull-right">12</span> 错误修复次数</a>
                        </li>
                        <li>
                            <a href="#"><span class="badge badge-info pull-right">1,234</span> 用户反馈次数</a>
                        </li>
                        <li>
                            <a href="#"><span class="badge badge-info pull-right">2,221</span> 用户反馈处理次数</a>
                        </li>
                        <li>
                            <a href="#"><span class="badge badge-important pull-right">0</span> 宕机次数</a>
                        </li>
                    </ul>
                </div>
                
                <!--/span-->
                <div class="span9" id="content">
                    <div class="row-fluid">
                        <div class="alert alert-success">
							<button type="button" class="close" data-dismiss="alert">&times;</button>
                            <h4>Success</h4>
                        	The operation completed successfully
                        </div>
                        <!-- //面包屑导航 -->
                    	<div class="navbar">
                        	<div class="navbar-inner">
                                <ul class="breadcrumb">
                                    <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                                    <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar" rel='tooltip'>&nbsp;</a></i>
                                    <li>
                                        <a href="#">Dashboard</a> <span class="divider">/</span>	
                                    </li>
                                    <li>
                                        <a href="#">Settings</a> <span class="divider">/</span>	
                                    </li>
                                    <li class="active">Tools</li>
                                </ul>
                        	</div>
                    	</div>
                    </div>
                    <div class="row-fluid">
                        <!-- block -->
                        <div class="block">
                            <div class="navbar navbar-inner block-header">
                                <div class="muted pull-left">Statistics</div>
                                <div class="pull-right"><span class="badge badge-warning">View More</span>

                                </div>
                            </div>
                            <div class="block-content collapse in">
                                <div class="span3">
                                    <div class="chart" data-percent="90">100000</div>
                                    <div class="chart-bottom-heading"><span class="label label-info">用户数</span>

                                    </div>
                                </div>
                                <div class="span3">
                                    <div class="chart" data-percent="95">100000</div>
                                    <div class="chart-bottom-heading"><span class="label label-info">应用数</span>

                                    </div>
                                </div>
                                <div class="span3">
                                    <div class="chart" data-percent="83">500</div>
                                    <div class="chart-bottom-heading"><span class="label label-info">网点数</span>

                                    </div>
                                </div>
                                <div class="span3">
                                    <div class="chart" data-percent="99">99%</div>
                                    <div class="chart-bottom-heading"><span class="label label-info">活跃度</span>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /block -->
                    </div>

                    <div class="row-fluid">
                        <div class="span12">
                            <!-- block -->
                            <div class="block">
                                <div class="navbar navbar-inner block-header">
                                    <div class="muted pull-left">Clients</div>
                                    <div class="pull-right"><span class="badge badge-info">17</span>

                                    </div>
                                </div>
                                <div class="block-content collapse in">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>Name</th>
                                                <th>Author</th>
                                                <th>Avatar</th>
                                        
                                                <th>Category</th>
                                                <th>Version</th>
                                        
                                                <th>Rating</th>
                                                <th>Visit Number</th>
                                                <th>Operation</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>愤怒的小鸟</td>
                                                <td>小强</td>
                                                <td><img width="30" src="http://avatar2looveu.b0.upaiyun.com/avatar/sun22aa!50" /></td>
                                                <td>2d</td>
                                                <td>0.0.1</td>
                                                <td>5</td>
                                                <td>10000</td>
                                                <td>Operation1</td>
                                            </tr>
                                            <tr>
                                                <td>植物大战僵尸</td>
                                                <td>李凯</td>
                                                <td><img width="30" src="http://avatar2looveu.b0.upaiyun.com/avatar/sun22aa!50" /></td>
                                                <td>2d</td>
                                                <td>0.1.2</td>
                                                <td>5</td>
                                                <td>10000</td>
                                                <td>Operation2</td>
                                            </tr>
                                            <tr>
                                                <td>nba 2k13</td>
                                                <td>兵哥</td>
                                                <td><img width="30" src="http://avatar2looveu.b0.upaiyun.com/avatar/sun22aa!50" /></td>
                                                <td>3d</td>
                                                <td>0.1.3</td>
                                                <td>5</td>
                                                <td>10000</td>
                                                <td>Operation3</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- /block -->
                        </div>
                    </div>

                </div>
            </div>
            <hr>
            <footer>
                <p>&copy; 西安联通 2013</p>
            </footer>
        </div>
        <!--/.fluid-container-->
        <script src="vendors/jquery-1.9.1.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="vendors/easypiechart/jquery.easy-pie-chart.js"></script>
        <script src="assets/scripts.js"></script>
        <script>
        $(function() {
            // Easy pie charts
            $('.chart').easyPieChart({animate: 1000});
        });
        </script>
    </body>

</html>
